// import logo from './logo.svg';
// import './App.css';
import { BrowserRouter, Route, Routes, Navigate, Link, HashRouter, useRoutes } from 'react-router-dom'
import Admin from './components/Admin'
import Product from './components/Product'

import Comc from './components/Comc'
import Comd from './components/Comd'
import routersconfig from './components/routers'

function App() {
  // 路由配置
  let routers = useRoutes(routersconfig);

  // return (
  //   // <HashRouter>
  //   //   <Link to="/admin">admin</Link> &nbsp; &nbsp;<Link to="/product">product</Link>
  //   //   <Routes>
  //   //     <Route path='/admin/:id' element={<Admin />}>
  //   //       {/* <Route path='/admin/coma' element={<Coma/>} />
  //   //             <Route path='/admin/comb' element={<Comb/>} />
  //   //             <Route index element={<Navigate to="/admin/coma"/>} /> */}
  //   //     </Route>
  //   //     <Route path='/product' element={<Product />} >
  //   //       {/* <Route path='/product/comc' element={<Comc/>} />
  //   //             <Route path='/product/comd' element={<Comd/>} />
  //   //             <Route index element={<Navigate to="/product/comc"/>} /> */}
  //   //     </Route>
  //   //     {/* <Route index element={<Navigate to="/admin" />} />  */}
  //   //     <Route path='*' element={<NotFound />} />
  //   //   </Routes>
  //   // </HashRouter>
  // );

  return (
    <div>
      {routers}
    </div>
    // <HashRouter>
    //   <Routes>
    //     <Route path='/list' element={<NewsList />} />
    //     <Route path='/detail/:id' element={<NewsContent />} />

    //     <Route index element={<Navigate to="/list" />}></Route>
    //   </Routes>
    // </HashRouter >
  )
}

export default App;
